<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小溪汇聚运维管控平台</title>
		<link rel="stylesheet" href="./css/common.css?v=1.02">
		<link rel="stylesheet" href="./css/css2.css?v=1.02">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
			<div class="head clearfix">
				<div class="h-left">
					<a href="" class="mr10"><img src="img/nav.png" ></a>
					<span class="mr15 ziti fs24 mr15" id="riqi">2020 - 12 -09 &nbsp;&nbsp;16 : 00</span>
					<span id="week">星期三</span>
					<span>天气：晴  -3 - 5℃</span>
				</div>
				<div class="h-center">小溪汇聚运维管控平台</div>
				<div class="h-right">
					<ul class="clearfix">
						<li><a href=""><img src="img/home.png" > 首页</a></li>
						<li><a href=""><img src="img/zhenduan.png" > 能效诊断</a></li>
						<li><a href=""><img src="img/person.png" > 值班人：陈宇  姜大明</a></li>
						<li class="user">
							<img src="img/avatar.png" class="mr5"> 张三
							<img src="img/xiala.png" class="xiala ml5">
							<div class="info">
								<p><a href=""><img src="img/person1.png" > 个人设置</a></p>
								<p><a href=""><img src="img/out.png" > 注销登录</a></p>
							</div>
						</li>
						<li class="danger">
							<img src="img/deng.png" >
							<span class="num">38</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="main clearfix">
				<div class="left">
					<div class="title">
						<img src="img/xinfeng.png" >
						新风机组
					</div>
					<div class="box1">
						<ul class="clearfix">
							<li class="clearfix">
								<div class="img"><img src="img/icon1.png" ></div>
								<div class="data">
									<p><span class="fs28 ziti">22</span>台<span class="fs12">（运行）</span></p>
									<p>38台<span class="fs12">（总）</span></p>
								</div>
							</li>
							<li>
								<div class="img"><img src="img/icon2.png" ></div>
								<div class="data">
									<p><span class="fs28 ziti">5600</span> m³/h</p>
									<p>风量</p>
								</div>
							</li>
						</ul>
					
					</div>
					<div class="box2">
						<div id="echarts1" style="width: 100%;height: 100%;"></div>
					</div>
					<div class="box3">
						<div id="echarts2" style="width: 100%;height: 100%;"></div>
					</div>
					<div class="box4">
						<div id="echarts3" style="width: 100%;height: 100%;"></div>
					</div>
					<div class="box5">
						<div id="echarts4" style="width: 100%;height: 100%;"></div>
					</div>
				</div>
				<div class="center">
					<div class="title">
						<img src="img/xm.png" >
						项目管理
					</div>
					<div class="box1 clearfix">
						<div class="b-left">
							<div class="item1">
								<div class="subtitle">
									在施项目
								</div>
								<div class="thead">
									<span>开始日期</span>
									<span>竣工日期</span>
									<span>项目名称</span>
									<span>负责人</span>
								</div>
								<div class="scroll">									
									<ul class="scroll1">
										<li>
											<p>
												<span></span>
												<span>10月10日</span>
												<span>12月28日</span>
												<span>多联机改造</span>
												<span>张明志</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>10月15日</span>
												<span>12月30日</span>
												<span>厨房改造</span>
												<span>郭成</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>11月22日</span>
												<span>12月10日</span>
												<span>B3污水泵更换</span>
												<span>张明志</span>
											</p>									
										</li>
										<li class="active">
											<p>
												<span></span>
												<span>10月29日</span>
												<span>12月01日</span>
												<span>B1照明改造</span>
												<span>姜大明</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>10月10日</span>
												<span>12月28日</span>
												<span>多联机改造</span>
												<span>张明志</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>10月15日</span>
												<span>12月30日</span>
												<span>厨房改造</span>
												<span>郭成</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>11月22日</span>
												<span>12月10日</span>
												<span>B3污水泵更换</span>
												<span>张明志</span>
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>10月29日</span>
												<span>12月01日</span>
												<span>B1照明改造</span>
												<span>姜大明</span>
											</p>									
										</li>
									</ul>
								</div>
							</div>
							<div class="item2">
								<div class="subtitle">
									本周招标
								</div>
								<div class="thead">
									<span>日期</span>
									<span>项目名称</span>
								</div>
								<div class="scroll">									
									<ul class="scroll2">
										<li>
											<p>
												<span></span>
												<span>12月10日</span>
												<span>智能水表改造招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月12日</span>
												<span>园区保洁公司招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月10日</span>
												<span>智能水表改造招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月12日</span>
												<span>园区保洁公司招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月10日</span>
												<span>智能水表改造招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月12日</span>
												<span>园区保洁公司招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月10日</span>
												<span>智能水表改造招标</span>												
											</p>									
										</li>
										<li>
											<p>
												<span></span>
												<span>12月12日</span>
												<span>园区保洁公司招标</span>												
											</p>									
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="b-right">
							<div class="subtitle">
								其它注意事项
							</div>
							<div class="thead">
								<span>内容</span>
								<span>负责人</span>
							</div>
							<div class="scroll">									
								<ul class="scroll3">								
									<li>
										<p>
											<span></span>
											<span>本周交年终总结</span>
											<span>所有人</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>B3污水泵更换项目改造验收</span>
											<span>张明志</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>B1车库卷帘门维修</span>
											<span>申帅</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>C座1205客户催收物业费</span>
											<span>李翠屏</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>A座F13西侧女厕所马桶维修</span>
											<span>姜大明</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>完成C座所有客户电量统计</span>
											<span>李盼盼</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>C座1205客户催收物业费</span>
											<span>李翠屏</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>完成C座所有客户电量统计</span>
											<span>李盼盼</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>完成C座所有客户电量统计</span>
											<span>李盼盼</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>C座1205客户催收物业费</span>
											<span>李翠屏</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>完成C座所有客户电量统计</span>
											<span>李盼盼</span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>完成C座所有客户电量统计</span>
											<span>李盼盼</span>
										</p>									
									</li>
								</ul>
							</div>
						</div>
					</div>					
					<div class="title">
						<img src="img/car.png" >
						人车管理
					</div>
					<div class="box2 clearfix">
						<div class="b-left">
							<ul class="lis1">
								<li class="bg1 clearfix">
									<div class="img"><img src="img/yuanqu.png" ></div>
									<div class="tit">园区总数：</div>
									<div class="p1">
										<p class="f1 ziti">1098</p>
										<p>人</p>
									</div>
									<div class="p2">
										<p class="f1 ziti">350</p>
										<p>车</p>
									</div>
								</li>
								<li class="bg2 clearfix">
									<div class="img"><img src="img/yuangong.png" ></div>
									<div class="tit">员工：</div>
									<div class="p1">
										<p class="f2 ziti">921</p>
										<p>人</p>
									</div>
									<div class="p2">
										<p class="f2 ziti">302</p>
										<p>车</p>
									</div>
								</li>
								<li class="bg3 clearfix">
									<div class="img"><img src="img/fangke.png" ></div>
									<div class="tit">访客：</div>
									<div class="p1">
										<p class="f3 ziti">177</p>
										<p>人</p>
									</div>
									<div class="p2">
										<p class="f3 ziti">48</p>
										<p>车</p>
									</div>
								</li>
							</ul>
							<div class="lis2">
								<div class="len">
									<ul class="clearfix">
										<li><span class="bg1"></span> 占用数</li>
										<li><span class="bg2"></span> 剩余数</li>
									</ul>
								</div>
								<div class="body">
									<ul>
										<li class="clearfix">
											<div class="item1">地上</div>
											<div class="item2">
												<p class="ziti">
													<span class="col1">85/</span>
													<span class="col2">100</span>
												</p>
												<p><span style="width: 40%;"></span></p>
											</div>
											<div class="item3 ziti">185</div>
										</li>
										<li class="clearfix">
											<div class="item1">B1</div>
											<div class="item2">
												<p class="ziti">
													<span class="col1">76/</span>
													<span class="col2">82</span>
												</p>
												<p><span style="width: 44%;"></span></p>
											</div>
											<div class="item3 ziti">158</div>
										</li>
										<li class="clearfix">
											<div class="item1">B2</div>
											<div class="item2">
												<p class="ziti">
													<span class="col1">82/</span>
													<span class="col2">95</span>
												</p>
												<p><span style="width: 45%;"></span></p>
											</div>
											<div class="item3 ziti">177</div>
										</li>
										<li class="clearfix">
											<div class="item1">B3</div>
											<div class="item2">
												<p class="ziti">
													<span class="col1">7/</span>
													<span class="col2">28</span>
												</p>
												<p><span style="width: 20%;"></span></p>
											</div>
											<div class="item3 ziti">35</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="b-right">
							<div class="lis1">
								<div id="echarts9" style="width: 100%;height: 100%;"></div>
							</div>
							<div class="lis2">
								<div id="echarts10" style="width: 100%;height: 100%;"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="title">
						<img src="img/gongdan.png" >
						工单管理
					</div>
					<div class="box1 clearfix">
						<div class="b-left">
							<div class="inner">
								<div class="zhuan"></div>
								<p><span class="ziti">65</span>个</p>
								<p>本日工单</p>
							</div>
						</div>
						<div class="b-right">
							<ul>
								<li>
									<span><img src="img/tb1.png" ></span>
									<span>已完成</span>
									<span class="col1"><font class="ziti">28</font> 个</span>
								</li>
								<li>
									<span><img src="img/tb2.png" ></span>
									<span>进行中</span>
									<span class="col2"><font class="ziti">30</font> 个</span>
								</li>
								<li>
									<span><img src="img/tb3.png" ></span>
									<span>挂单</span>
									<span class="col3"><font class="ziti">7</font> 个</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="box2 clearfix">						
						<div class="b-right">
							<div class="subtitle">
								人员统计
							</div>
							<ul>
								<li class="">
									<div class="item1">
										<p class="">
											<span>郭成</span>
											<span class="ziti">7/5</span>
											<span>12个</span>
										</p>
										<p><span class="bg1"></span></p>
									</div>
								</li>	
								<li class="">
									<div class="item1">
										<p class="">
											<span>武宇佩</span>
											<span class="ziti">25/3</span>
											<span>28个</span>
										</p>
										<p><span class="bg2"></span></p>
									</div>
								</li>
								<li class="">
									<div class="item1">
										<p class="">
											<span>曹苗</span>
											<span class="ziti">25/5</span>
											<span>30个</span>
										</p>
										<p><span class="bg3"></span></p>
									</div>									
								</li>
								<li class="">
									<div class="item1">
										<p class="">
											<span>肖明月</span>
											<span class="ziti">30/5</span>
											<span>35个</span>
										</p>
										<p><span class="bg4"></span></p>
									</div>
								</li>
							</ul>
						</div>
						<div class="b-left">
							<div class="subtitle">
								分项统计
							</div>
							<div id="echarts5" style="width: 100%;height: 100%;"></div>
						</div>
					</div>
					<div class="box3 clearfix">
						<div class="b-left">
							<div id="echarts6" style="width: 100%;height: 100%;"></div>
						</div>
						<div class="b-right">
							<div class="zhuan"></div>
							<div id="echarts7" style="width: 100%;height: 100%;"></div>
						</div>
					</div>
					<div class="box4">
						<div id="echarts8" style="width: 100%;height: 100%;"></div>
					</div>					
				</div>
			</div>
			<div class="enter2"><a href="index.html"><img src="img/enter2.png" ></a></div>
		</div>
	</body>
<script type="text/javascript" src="js/echarts.js"></script>
<script src="js/HappyImage.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data2.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">	
	formDate()
	
	$('.xiala').click(function(){
		$('.info').toggleClass('on')
	})
	// 左上环形图	
	ech1(edata1,'echarts1')
	
	ech2(edata2,'echarts2')
	
	ech3(edata3,'echarts3')
	
	ech4(edata4,'echarts4')
	
	ech5(edata5,'echarts5')
	
	ech6(edata6,'echarts6')
	
	ech7(edata7,'echarts7')
	
	ech8(edata8,'echarts8')
	
	ech9(edata9,'echarts9')
	
	ech10(edata10,'echarts10')
	
	var timer1= setInterval(function() {
		topScroll(".scroll1",2000);
	},3500);
	
	setTimeout(function(){
		var timer2= setInterval(function() {
			topScroll(".scroll2",2000);
		},3500);
	},2000)
	
	var timer3= setInterval(function() {
		topScroll(".scroll3",2000);
	},3000);
</script>
</html>